	$base-img-url:url(@/static/img/detail_under.png);
	$light-img-url:url(@/static/img/under_light.png);
	.detail-page {
		width: 100%;
		min-height: 100vh;
		background: $light-img-url no-repeat;
		background-size: 100% auto;
		background-position: 0 0;
	}

	.detail-img {
		width: 100%;
		height: 700rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		.prod-img {
			margin-bottom: 40rpx;
			width: 100%;
		}
	}

	.detail-title {
		width: 100%;
		height: 140rpx;
		display: flex;
		flex-direction: column;
		// justify-content: flex-end;
		align-items: center;

		.title {
			font-size: 16px;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #9D9D9D;
			line-height: 22px;
			margin-bottom: 10rpx;

			text {
				color: #A98C4F;
				font-size: 32rpx;
			}
		}

		.auth {
			padding: 4rpx 10rpx 4rpx 50rpx;
			font-size: 10px;
			font-family: Times-Roman, Times;
			font-weight: normal;
			color: #F5FFA6;
			border-radius: 0px 8px 0px 8px;
			opacity: 0.62;
			border: 1px dashed #F5FFA6;
			background: $detail-v-url no-repeat;
			background-size: 32rpx 32rpx;
			background-position: 10rpx center;
		}
	}

	.detail-info {
		width: 100%;
		height: 540rpx;
		background: $detail-info-back-url no-repeat;
		background-size: 780rpx 560rpx;
		background-position: center center;
		position: relative;
		padding: 160rpx 120rpx;

		.info-title {
			width: 160rpx;
			height: 84rpx;
			font-size: 12px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #C2A26A;
			line-height: 16px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			position: absolute;
			left: 50%;
			top: 50rpx;
			transform: translateX(-50%);

			.left-line {
				width: 13px;
				height: 1px;
				border: 1px solid;
				border-image: linear-gradient(90deg, rgba(216, 196, 152, 0), rgba(176, 146, 95, 1)) 1 1;
			}

			.right-line {
				width: 13px;
				height: 1px;
				border: 1px solid;
				border-image: linear-gradient(90deg, rgba(176, 146, 95, 1), rgba(216, 196, 152, 0)) 1 1;
			}
		}

		.info-item {
			height: 56rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.item-label {
				width: 160rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #3C2B16;
			}

			.item-value {
				flex: 1;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #3C2B16;
				position: relative;

				.contract {
					width: 150rpx;
					height: 50rpx;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}

			.item-opt {
				font-size: 11px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #3C2B16;
				line-height: 16px;
			}
		}

	}

	.detail-desc {
		width: 100%;
		min-height: 200px;
		position: relative;
		margin-bottom: 40rpx;
		padding: 100rpx 20rpx 20rpx 20rpx;

		.desc-img {
			width: 100%;
			height: 500rpx;
			position: absolute;
			top: -250rpx;
			left: 0;
			background: $detail-desc-back-url no-repeat;
			background-size: 100% auto;
			background-position: center center;
		}

		.desc-title,

		.desc-title-no {
			width: 100%;
			text-align: center;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #7D5B31;
			line-height: 40rpx;
		}

		.desc-title {
			z-index: 1;
			position: absolute;
			top: -10rpx;
			left: 0;
		}

		.desc-title-no {
			margin: 40rpx 0;
		}

		.desc-quanyi {
			width: 100%;
			min-height: 100rpx;
			text-align: center;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #5F5F5F;
			line-height: 48rpx;
		}
	}

	.detail-bay {
		width: 100%;
		height: 110rpx;
		position: sticky;
		bottom: 0;

		button {
			width: 684rpx;
			height: 88rpx;
			line-height: 88rpx;
			background: #121212;
			box-shadow: -10px -10px 20px 0px rgba(39, 39, 39, 0.54), 10px 10px 20px 0px rgba(0, 0, 0, 0.83);
			border-radius: 22px;
			border: 1px solid #FFBD47;
			font-size: 14px;
			font-family: SourceHanSansCN-Regular, SourceHanSansCN;
			font-weight: 400;
			color: #FFBD47;
		}
	}

	.popup {
		width: 100%;
		height: 1000rpx;
		background: $login-resetbakc-url no-repeat;
		background-size: 100% 100%;
		background-position: 0 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 40rpx;

		.title {
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #BFCBCD;
			margin-top: 10rpx;
		}

		.only {
			width: 100%;
			display: flex;
			justify-content: space-between;
			font-size: 12px;
			font-family: SourceHanSansCN-Regular, SourceHanSansCN;
			font-weight: 400;
			margin: 20rpx 0;
			color: #BFCBCD;

			/deep/ .uni-checkbox-input {
				border-radius: 50%;
				background-color: rgba(0, 0, 0, 0);
				border-color: #FFBD47;
				transform: scale(0.8);
			}

			/deep/ .uni-checkbox-input-checked {
				border-color: #FFBD47 !important;
			}

			/deep/ .uni-checkbox-input:hover {
				border-color: #FFBD47 !important;
			}

		}

		.lineBox {
			width: 100%;
			height: 80rpx;

			.range {
				margin-top: 40rpx;
			}
		}

		.otherList {
			width: 100%;
			height: 700rpx;
			padding: 0 40rpx;

			.item {
				width: 100%;
				height: 100rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 0 0 40rpx 0;
				border-bottom: 1px solid #69696A;

				.left {
					font-size: 14px;
					font-family: SourceHanSansCN-Bold, SourceHanSansCN;
					font-weight: bold;
					color: #BFCBCD;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					justify-content: flex-start;

					.name {

						text {
							margin: 0 10rpx;
						}
					}
				}

				.price {
					font-size: 28rpx;
					font-family: SourceHanSansCN-Bold, SourceHanSansCN;
					font-weight: bold;
					color: #BFCBCD;
				}

				.right {
					font-size: 12px;
					font-family: SourceHanSansCN-Regular, SourceHanSansCN;
					font-weight: 400;
					color: #8e9798;

					text {
						font-size: 12px;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
					}
				}

				.inline {
					color: #FFBD47;
				}
			}
		}
	}